<template>
  <div class="MyReportAllproject">
    <!-- 头部 -->
    <div class="top">
      <van-icon name="arrow-left"/>
      <span class="top-text">全部项目</span>
    </div>
    <!-- 内容 -->
    <div class="body">
      <div class="body-top">
        <p style="text-align:center;margin-top: 10px">健康指数</p>
        <p style="text-align:center;">87</p>
        <p style="text-align:center;">您的健康指数为87分，比80%的人更健康</p>
      </div>
      <van-cell-group>
        <van-cell title="一般情况" style="background: rgba(228, 228, 228, 1);margin-top: 2px"/>
        <van-cell title="身高" value="160.5cm"/>
        <van-cell title="体重指数BMI" value="18.3"/>
        <van-cell title="收缩压" value="96mmHg"/>
        <van-cell title="舒张压" value="66mmHg"/>
        <van-cell title="四肢" value="活动正常"/>
      </van-cell-group>
      <van-cell-group>
        <van-cell title="血常规" style="background: rgba(228, 228, 228, 1);"/>
        <van-cell title="白细胞" value="160.5cm"/>
        <van-cell title="红细胞" value="18.3"/>
        <van-cell title="血红蛋白" value="96mmHg"/>
        <van-cell title="红细胞压积" value="96mmHg"/>
        <van-cell title="血小板" value="↓103.00*10^9/L"/>
      </van-cell-group>
      <van-cell-group>
        <van-cell title="肝功三项" style="background: rgba(228, 228, 228, 1);"/>
        <van-cell title="丙氨酸氨基转氨酶" value="22u/L"/>
        <van-cell title="天门冬氨酸氨基转氨酶" value="19u/L"/>
        <van-cell title="AST/ALT" value="0.86"/>
        <van-cell title="谷氨酰转肽酶" value="191u/L"/>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MyReportAllproject',
  data() {
    return {}
  },
  methods: {
  },
}
</script>
<style src="../assets/reset.css"></style>
<style lang="scss">
.MyReportdetails {
  .top {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .top-text {
    margin: 0 auto;
  }

  .body-top {
    background-image: url('../assets/bagimg.png');
  }

}
</style>
